<template>
  <content-item class="content"
      :contentInfo="contentInfo">
  </content-item>
</template>

<script lang="ts">
import ContentItem from "@/components/content/ContentItem.vue"
import {reactive} from "vue";

export default {
  name: "Content",
  components: {
    ContentItem
  },
  setup() {
    const contentInfo = reactive([{
      title: "分享您的日常",
      desc: "您可以通过该小站来发布您的日常活动",
      link: "",
      img: require("@/static/办公.jpg"),
      alt: "图片信息"
    },{
      title: "放松您的心情",
      desc: "您可以在本站阅读一些您感兴趣的文章，来放松您的心情",
      link: "",
      img: require("@/static/开心.jpg"),
      alt: "图片信息"
    },{
      title: "找到志同道合的灵魂交友",
      desc: "您可以结识很多有趣的小伙伴，他们和你一样都来自世界各地",
      link: "",
      img: require("@/static/交友.jpg"),
      alt: "图片信息"
    },{
      title: "学习新的知识",
      desc: "通过本章高质量文章您可以学到很多有用的知识",
      link: "",
      img: require("@/static/知识.jpg"),
      alt: "图片信息"
    }])

    return {
      contentInfo
    }
  }
}
</script>

<style scoped>
</style>